<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="description" content="慧报考高考志愿测评系统是由长期从事高考志愿指导、教育统计与测量工作的资深专家和教育行业资深软件工程师共同研发，同时提供电脑版、手机版和微信版，主要功能有计划查询、院校查询、专业查询、位次查询、专业测评、智能选校、志愿测评等，系统以大数据为基础为考生提供必要的指导和参考，极大方便考生志愿填报"/>
    <meta name="keywords" content="慧报考,志愿填报,高考志愿测评系统,湖北高考,高考分数,计划查询,院校查询,专业查询,位次查询,专业测评,智能选校,志愿测评,录取查询"/>
    <link rel="icon" type="image/svg+xml" href="favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>慧报考</title>
    <link rel="stylesheet" href="/css/moblie.css">
</head>
<script src="./js/jquery.js"></script>
<body>
  <#include "header.ftl">
<div class="banner">
    <div class="swiper-container">
        <div class="flex swiper-wrap">
            <#if index.carouselList?? && index.carouselList?size gt 0>
            <#list index.carouselList as carouse>
            <#if carouse.hasLink==1>
            <a data-index="${carouse.dataIndex}" href="${carouse.linkUrl}" target="_blank">
                <#else>
                <a href="#" data-index="${carouse.dataIndex}">
                    </#if>
                    <img  src="${carouse.imgUrl}">
                </a>
                </#list>
                </#if>
        </div>
        <div class="pagination" data-currentindex="0">
            <#if index.carouselList?? && index.carouselList?size gt 0>
                <#list index.carouselList as carouse>
                    <#if carouse.dataIndex == 0>
                        <div class="text-content">${carouse.title}</div>
                        <div data-index="${carouse.dataIndex}"
                             data-text="${carouse.title}"
                             class="dot active">
                        </div>
                    <#else>
                        <div data-index="${carouse.dataIndex}"
                             data-text="${carouse.title}"
                             class="dot">
                        </div>
                    </#if>
                </#list>
            </#if>
        </div>
        <img class="switch-banner-lf" data-mode="left" src="/img/left.png" />
        <img class="switch-banner-rt" data-mode="right" src="/img/right.png" />
    </div>
</div>
<div class="cx-list flex f-wrap" id="system" name="system">
    <a class="cx-list-item flex f-column f-center" href="https://gkzy.huibaokao.com/pc/42/index.html#/query/plan">
        <div class="circle blue"> <img src="/image/btn_jhcx.png" ></div>
        <div class="name">计划查询</div>
    </a>
    <a class="cx-list-item flex f-column f-center" href="https://gkzy.huibaokao.com/pc/42/index.html#/query/academy">
        <div class="circle blue"> <img src="/image/btn_yxcx.png" ></div>
        <div class="name">院校查询</div>
    </a>
    <a class="cx-list-item flex f-column f-center" href="https://gkzy.huibaokao.com/pc/42/index.html#/query/plan">
        <div class="circle blue"> <img src="/image/btn_zycx.png" ></div>
        <div class="name">专业查询</div>
    </a>
    <a class="cx-list-item flex f-column f-center" href="https://gkzy.huibaokao.com/pc/42/index.html#/recommend/academy">
        <div class="circle blue"> <img src="/image/btn_znxx.png" ></div>
        <div class="name">智能选校</div>
    </a>
    <a class="cx-list-item flex f-column f-center" href="https://gkzy.huibaokao.com/pc/42/index.html#/evaluation/fillIn">
        <div class="circle blue"> <img src="/image/btn_zycp.png" ></div>
        <div class="name">志愿评测</div>
    </a>
    <a class="cx-list-item flex f-column f-center" href="http://www.hbksw.com/cx/">
        <div class="circle grey"> <img src="/image/fscx.png" ></div>
        <div class="name">分数查询</div>
    </a>
    <a class="cx-list-item flex f-column f-center" href="http://cx.e21.cn/">
        <div class="circle zise"> <img src="/image/icon_luqu.png" ></div>
        <div class="name">录取查询</div>
    </a>
    <a class="cx-list-item flex f-column f-center" href="http://zspt.hubzs.com.cn">
        <div class="circle juse"> <img src="/image/icon_zytb.png" ></div>
        <div class="name">志愿填报</div>
    </a>

</div>
<div class="h-split"></div>
<div class="adver-list flex">
    <div class="f1">
        <a href="https://www.huibaokao.com/web/m_live.html">
            <img src="/image/m_zb.png" alt="">
        </a>
    </div>
    <div class="f1 flex f-column rt">
        <a href="https://www.huibaokao.com/web/m_schoolConsult.html" class="flex rt-1">
            <img src="/image/m_zxy.png" alt="">
        </a>
        <a href="https://wx.vzan.com/plug-ins/?v=637879924679745999#/FixupIndex/1124830682?shareuid=196494406" class="flex rt-2">
            <img src="/image/m_kfr.png" alt="">
        </a>
    </div>
</div>
<div class="h-split"></div>
<div class="zx-list">
    <div class="list-header flex">
        <div class="lf">报考资讯</div>
        <a href="/enroll"><div class="rt">查询全部</div></a>
    </div>
    <#if index.newsList1?? && index.newsList1?size gt 0>
        <#list index.newsList1 as item>
            <a href="/news/${item.id}"><div class="zx-item ellipsis">
                    ${item.title}
                </div></a>
        <#--        //<li><a href="/news/${item.id}"></a></li>-->
        </#list>
    </#if>
    <#if index.newsList2?? && index.newsList2?size gt 0>
    <#list index.newsList2 as item>
        <a href="/news/${item.id}"><div class="zx-item ellipsis">
                ${item.title}
            </div></a>
<#--        //<li><a href="/news/${item.id}"></a></li>-->
    </#list>
    </#if>

</div>
<div class="h-split"></div>
<div class="yx-list">
    <div class="list-header flex">
        <div class="lf">院校展示</div>
    </div>
    <div class="yx-list-content flex f-wrap">
        <#if index.schoolItemList?? && index.schoolItemList?size gt 0>
            <#list index.schoolItemList as item>
                <a class="cx-list-item flex f-column f-center" href="${item.linkUrl}">
                    <div class="yxzs">
                        <img src="${item.imgUrl}"></div>
                    <div class="yx-text ellipsis">${item.title}</div>
                </a>
            </#list>
        </#if>
<#--        <a class="cx-list-item flex f-column f-center" href="https://www.cug.edu.cn/">-->
<#--            <div class="yxzs"><img src="image/yx12.png"></div>-->
<#--            <div class="yx-text ellipsis">-->
<#--                中国地质大学-->
<#--            </div>-->
<#--        </a>-->
    </div>
</div>
<#include "footer.ftl">
  <div class="hb-modal flex f-center" onclick="hideQr()">
      <img class="qr-img" src="/img/qrcode.jpg">
  </div>
</body>

</html>
<script>
    function showQr() {
        $('.hb-modal').addClass('show')
    }

    function hideQr() {
        $('.hb-modal').removeClass('show')
    }
    $(function () {
        function bannerDom(options) {
            var defaults = {
                figureTime: '3500',
                loopTime: '30',
                contianer: '.swiper-container',
                loopNode: '.swiper-wrap',
                nextCb: '',
                preCb: '',
                dot: '.pagination .dot',
                nextBtn: '.switch-banner-rt',
                preBtn: '.switch-banner-lf'
            }
            options = $.extend(defaults, options);
            var contianerWidth = $(options.contianer).width()
            var pageIndex = 0;
            var loopNode = $(options.loopNode)
            var pageSize = loopNode.children().length
            var isMove = false

            function mlf() {
                if (isMove) return
                isMove = true
                pageIndex++
                if (pageIndex > pageSize - 1) pageIndex = 0
                loopNode.animate({
                    "left": -1 * contianerWidth + 'px'
                }, options.loopTime, function () {
                    loopNode.children().first().appendTo(loopNode.css("left", "0px"));
                    isMove = false
                })
                $(options.dot).eq(pageIndex).addClass('active').siblings().removeClass('active')
                $('.pagination .text-content').html($(options.dot).eq(pageIndex).data('text'))
            }

            function mrt() {
                if (isMove) return
                isMove = true
                pageIndex--
                if (pageIndex < 0) pageIndex = pageSize - 1
                loopNode.children().last().prependTo(loopNode).parent().css("left", -1 * contianerWidth + 'px').animate({
                    "left": "0px"
                }, options.loopTime, function () {
                    isMove = false
                });
                $(options.dot).eq(pageIndex).addClass('active').siblings().removeClass('active')
                $('.pagination .text-content').html($(options.dot).eq(pageIndex).data('text'))
            }

            function dotEvent() {
                $('.pagination .text-content').html($(this).data('text'))
                var cpIndex = $(this).data('index')
                if (pageIndex == cpIndex) return
                pageIndex = cpIndex
                $(options.dot).eq(pageIndex).addClass('active').siblings().removeClass('active')
                var gtIndex = pageIndex - 1
                if (gtIndex < 0) {
                    gtIndex = pageSize - 1
                }
                loopNode.children().filter('[data-index=' + gtIndex + ']').nextAll().prependTo(loopNode)
            }
            $(options.nextBtn).click(mlf)
            $(options.preBtn).click(mrt)
            $(options.dot).click(dotEvent)
            var timer = setInterval(function () {
                mlf()
            }, options.figureTime)
            $(options.contianer).mouseover(function () {
                clearInterval(timer)
            }).mouseleave(function() {
                    timer = setInterval(function () {
                        mlf()
                    }, options.figureTime)
                }
            )
        }
        bannerDom()
    })
</script>